<!DOCTYPE html>
<html>
<meta charset="utf-8">
<head th:include="include :: header"></head>
<body class="gray-bg">
<div class="wrapper wrapper-content ">
    <div class="col-sm-12">
        <div class="ibox">
            <div class="ibox-body">
                <div class="fixed-table-toolbar">
                    <div class="columns pull-right">
                        <button class="btn btn-white" onclick="ref()">重置</button>
                        <button class="btn btn-success" onclick="reLoad()">查询</button>
                    </div>
                    <form id="search">
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;日期：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="date" type="text" class="form-control"
                                   placeholder="日期">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所属部门：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="department" type="text" class="form-control"
                                   placeholder="所属部门">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;媒体名称：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="mediaName" type="text" class="form-control"
                                   placeholder="媒体名称">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;具体位置：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="specificLocation" type="text" class="form-control"
                                   placeholder="具体位置">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;长：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="length" type="text" class="form-control"
                                   placeholder="长">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;宽：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="wide" type="text" class="form-control"
                                   placeholder="宽">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;面积：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="area" type="text" class="form-control"
                                   placeholder="面积">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;公司编号：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="companyCode" type="text" class="form-control"
                                   placeholder="公司编号">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;集团公司编号：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="groupCompanyCode" type="text" class="form-control"
                                   placeholder="集团公司编号">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;国铁编号：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="nationalRailwayCode" type="text" class="form-control"
                                   placeholder="国铁编号">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;用途：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="useTo" type="text" class="form-control"
                                   placeholder="用途">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;状态：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <select id="status" name="status"
                                    class="form-control" type="text" >
                                <option value="">请选择</option>
                            </select>
                        </div>

                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;所属包件：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="belongingPackage" type="text" class="form-control"
                                   placeholder="所属包件">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;合同编号：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="contractCode" type="text" class="form-control"
                                   placeholder="合同编号">
                        </div>
                        <div class="columns pull-left nopadding">
                            &nbsp;&nbsp;&nbsp;&nbsp;&nbsp;备注：
                        </div>
                        <div class="columns pull-left col-md-1 nopadding">
                            <input id="remarks" type="text" class="form-control"
                                   placeholder="备注">
                        </div>
                    </form>
                </div>

                <hr/>
                <div class="fixed-table-toolbar">
                    <div class="columns pull-left">
                        <button shiro:hasPermission="cm:cmMediaBridge:add" type="button"
                                class="btn  btn-primary" onclick="add()">
                            <i class="fa fa-plus" aria-hidden="true"></i>添加
                        </button>
                        <button shiro:hasPermission="cm:cmMediaBridge:batchRemove" type="button"
                                class="btn  btn-danger"
                                onclick="batchRemove()">
                            <i class="fa fa-trash" aria-hidden="true"></i>删除
                        </button>
                        <button shiro:hasPermission="cm:cmMediaBridge:importColumn" onclick="downLoadTemplateCmMediaBridge()" type="button" class="btn btn-success waves-effect waves-light">
                            桥梁广告媒体模板下载
                        </button>
                        <button shiro:hasPermission="cm:cmMediaBridge:importColumn" id="btnUpload" type="button" class="btn btn-success">
                            导入
                        </button>
                        <button shiro:hasPermission="cm:cmMediaBridge:exportColumn" type="button"
                                class="btn  btn-warning"
                                onclick="exportColumn()">
                            导出
                        </button>
                    </div>
                </div>
                <table id="exampleTable" data-mobile-responsive="true">
                </table>
            </div>
        </div>
    </div>
</div>
<!--shiro控制bootstraptable行内按钮看见性 来自bootdo的创新方案 -->
<div>
    <script type="text/javascript">
        var s_edit_h = 'hidden';
        var s_remove_h = 'hidden';
        var s_review_h = 'hidden';
        var s_resetPwd_h = 'hidden';
    </script>
</div>
<div shiro:hasPermission="cm:cmMediaBridge:edit">
    <script type="text/javascript">
        s_edit_h = '';
    </script>
</div>
<div shiro:hasPermission="cm:cmMediaBridge:remove">
    <script type="text/javascript">
        var s_remove_h = '';
    </script>
</div>
<div shiro:hasPermission="cm:cmMediaBridge:review">
    <script type="text/javascript">
        var s_review_h = '';
    </script>
</div>
<div shiro:hasPermission="cm:cmMediaBridge:resetPwd">
    <script type="text/javascript">
        var s_resetPwd_h = '';
    </script>
</div>
</div>
<div th:include="include :: footer"></div>
<script type="text/javascript">
    document.write("<script type='text/javascript' src='/js/appjs/cm/cmMediaBridge/cmMediaBridge.js?r=" + Math.random() + "'></s" + "cript>");
</script>
<script type="text/javascript">
    document.write("<script type='text/javascript' src='/js/appjs/cm/cmMediaBridge/common.js?r=" + Math.random() + "'></s" + "cript>");
</script>
</body>
</html>